<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>我是 html-h1 标签</h1>
    <!-- 
      注： 此种 注释 格式，是 html / css 的注释格式，
          强调： JS 不识别 这种注释格式。

      <h1>你好，JS</h1> 
    
    -->
  </body>
</html>

<script>
  /* 英文：
  document // 文档
    补充：JS 中  `document` 代指， `html标签代码`.

  write 写
*/

  // console.log(document);

  /* 
知识点1：
  代码的 执行顺序：
    通常情况下，代码是  「自上往下」  执行。


知识点2：
  JS 的注释：
    写法1： 快捷键： `ctrl + /`
      单行注释
      // console.log(111); 只有 本行代码，被注释；  此为「单行注释」

    写法2： 快捷键：  `shift + alt + a`
      多行注释

      
知识点3：
  document.write(字符串 或者 字符串形式的html标签代码)

  案例：
    document.write("你好，我是一行字符串....");
    // 作用：在 <body> 标签中，新增了 一行 字符串...
    
    // 作用：字符串形式的html标签代码 会被 `解析`（即视为）正常的 html代码。
    // 补充：`解析`，即 被视为 正常的代码去执行，又名「解析」。
    document.write("<h1>你好，我是h1的标签...</h1>");
*/

  /* 多行注释：
  console.log(222);
  console.log(333);
  console.log(444); 
*/
</script>
